@charset "utf-8";
html {
  width: 100%;
  overflow-x: hidden;
}
body {
  font-family: "Microsoft YaHei" !important;
  color: #333;
  background: #eeeeee;
}
@font-face {
  font-family: 'iconfont'; /* project id 1436635 */
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: 'iconfont';
}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
textarea {
  -webkit-appearance: none;
}
a {
  color: #333;
}
.erji {
	line-height: 1rem;
	font-size: .36rem;
	text-align: center;
}
.pcdata {
  font-size: .28rem;
  padding: 0 .2rem;
}
.clearfix {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/*空行*/
.jline {
  line-height: .2rem;
}
/*空行 end */
/*内页最小高度*/
.nymin {
  min-height: 7rem;
}
/*内页最小高度 end */
/*视频*/
.video {
  width: 100%;
  height: 4rem;
}
/*视频 end */
/*动态地图 左地图右文字*/
.dtadd {
  width: 100%;
  height: 400px;
}
/*动态地图 end */
/*手机站底部浮动*/
.flomin {
  position: fixed;
  bottom: .32rem;
  left: 50%;
  margin-left: -3.58rem;
  width: 7.17rem;
  z-index: 9999;
  background: #339945;
  border-radius: .18rem;
}
.contf {
  line-height: .51rem;
  font-size: .3rem;
  text-align: center;
  width: 2.39rem;
  color: #fff;
}
.contf span {
  padding-right: .1rem;
  font-size: .4rem;
}
.contf a {
  color: #fff;
  display: flex;
  justify-content: center;
}
.codemin {
  width: 70%;
  top: -8rem;
  left: 50%;
  margin-left: -35%;
  z-index: 99999999;
  display: none;
}
.codemin img {
  width: 100%;
  border: 15px solid #fff;
}
.close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: .3rem;
  padding: .1rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
}
/*手机站底部浮动 end */
/*分页*/
.fenye {
  font-size: .24rem;
  margin: .4rem auto;
  text-align: center;
}
.fenye a {
  display: inline-block;
  line-height: .5rem;
  color: #000;
  margin-right: .14rem;
  padding: 0 11px;
}
.fenye a.foucus {
  color: #fff;
  background: #bf1113;
  border-radius: .05rem;
}
.fenye a:last-child {
  margin-right: 0;
}
/*分页 end */
/*banner*/
.swiper-container {
  width: 100%;
  height: 4.05rem;
}
.swiper-slide {
  background-size: auto 100%;
  background-position: center center;
}
.swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: .25rem !important;
}
.swiper-pagination-bullet {
  border: 0 !important;
  width: .14rem !important;
  height: .14rem !important;
  background: #474747 !important;
  border-radius: 100% !important;
  outline: none;
  position: relative;
  opacity: 1 !important;
  margin: 0 .22rem !important;
}
.swiper-pagination-bullet-active {
  background: #bf1113 !important;
}
.swiper-pagination-bullet::after {
  content: '';
  width: .45rem;
  height: .02rem;
  position: absolute;
  left: .14rem;
  background: #474747;
  top: .06rem;
}
.swiper-pagination-bullet:last-child::after {
  display: none;
}
/*banner end */
/*导航*/
.navbar-collapse {
  z-index: 999;
  right: 0px;
  width: 100%;
  position: absolute;
  top: 100%;
}
.navbar {
  background: #eee;
}
.navbar-brand {
  padding: .19rem 0 .19rem .15rem;
  width: 55%;
}
.navbar-brand img {
  max-width: 100%;
  display: block;
}
.navbar-toggler {
  padding: 0 .15rem 0 0;
  color: #333333;
  line-height: .55rem;
  font-size: .5rem;
  outline: none;
}
.navbar-toggler-icon {
  height: .6rem;
}
.navbar-nav {
  background: #555;
}
.navbar-toggler .navbar-toggler-icon:after {
  content: "\e669";
  font-size: .55rem;
}
.collapsed .navbar-toggler-icon:after {
  content: "\e601";
  font-size: 1.5rem;
}
.nav-item {
  border-bottom: 1px solid #9f9a99;
  width: 100%;
}
.nav-link {
  text-align: center;
  font-size: .33rem;
  line-height: .9rem;
  color: #fff;
}
.dropdown-item {
  text-align: center;
  font-size: .28rem;
  line-height: .7rem;
  color: #fff;
}
/*导航 end */
.language {
  position: absolute;
  top: 0;
  right: 1.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: .03rem;
}
.language a {
  line-height: 1rem;
  font-size: .28rem;
}
.language span {
  padding: 0 .05rem;
  line-height: 1rem;
  font-size: .3rem;
  margin-top: -.05rem;
}
.head1 {
  background: #f7f5f6;
  padding: .35rem 0;
}
.abouten {
  line-height: .35rem;
  font-size: .3rem;
  color: #bf1113;
  text-transform: uppercase;
}
.aboutch {
  line-height: .4rem;
  font-size: .3rem;
}
.aboutline {
  width: .34rem;
  height: .02rem;
  background: #bf1113;
  margin: .07rem auto 0;
}
.aboutdes {
  line-height: .41rem;
  font-size: .18rem;
  color: #474747;
}
.about {
  line-height: .42rem;
  font-size: .24rem;
  margin-top: .15rem;
  max-height: 2.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  padding: 0 .42rem;
}
.number {
  margin-top: .11rem;
}
.numb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 1.28rem;
}
.dw {
  line-height: .43rem !important;
  font-size: .24rem !important;
  padding-left: .14rem;
}
.tubiaoshu {
  display: flex;
}
.tubiaoshu span {
  line-height: .55rem;
  font-size: .48rem;
  color: #bf1113;
}
.tubiaozi {
  line-height: .4rem;
  font-size: .24rem;
  color: #666666;
}
.aboutpicl {
  margin-top: .25rem;
  padding: 0 .2rem;
}
.aboutpicl img {
  max-width: 100%;
}
.aoutmore {
  line-height: .35rem;
  font-size: .24rem;
  color: #474747;
  border: 1px solid #474747;
  border-radius: .15rem;
  width: 1.36rem;
  margin: .34rem auto 0;
}
.aoutmore a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news a {
  display: block;
  position: relative;
}
.head2 {
  padding: .37rem 0 .42rem;
}
.newslist {
  margin-top: .21rem;
}
.news {
  margin-top: .43rem;
  padding: 0 .2rem;
  position: relative;
}
.newspl {
  width: 100%;
  position: absolute;
  height: .02rem;
  background: #474747;
  left: 0;
  top: 1.88rem;
  z-index: -1;
}
.newslist .news:nth-child(1) {
  margin-top: 0;
}
.newslist .news:nth-child(2) {
  margin-top: 0;
}
.newspic {
  overflow: hidden;
  opacity: 1;
}
.newspic img {
  width: 100%;
  display: block;
}
.newsdh {
  background: #bf1113;
  padding: .03rem 0 .5rem;
}
.newstime {
  line-height: .54rem;
  font-size: .24rem;
  color: #fff;
  text-align: center;
}
.newsxian {
  width: .27rem;
  height: .03rem;
  background: #fff;
  margin: 0 auto;
}
.newsline {
  width: .27rem;
  height: .02rem;
  background: #bf1113;
  margin: 0 auto;
}
.newstit {
  line-height: .58rem;
  height: .58rem;
  font-size: .3rem;
  color: #fff;
  padding: 0 .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newsde {
  line-height: .42rem;
  font-size: .24rem;
  margin-top: .15rem;
  padding: 0 .2rem;
  height: .84rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #fff;
}
.yjt {
  display: none;
}
.head3 {
  background: #eeeeee;
  padding: .32rem 0 .42rem;
}
.prominlist {
  margin-top: .23rem;
}
.promin {
  margin-top: .41rem;
  padding: 0 .2rem;
}
.prominlist .promin:nth-child(1) {
  margin-top: 0;
}
.prominlist .promin:nth-child(2) {
  margin-top: 0;
}
.promin img {
  width: 100%;
}
.promintit {
  line-height: .42rem;
  height: .42rem;
  font-size: .28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promindes {
  line-height: .36rem;
  font-size: .24rem;
  color: #666666;
  height: .72rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.bgpromin {
  background: #d8d8d8;
  padding: .13rem .18rem .25rem;
}
.head4 {
  padding: .37rem 0 .3rem;
}
.circle {
  width: .17rem;
  height: .17rem;
  position: absolute;
  top: 1.8rem;
  left: 5.45rem;
}
.circle1 {
  -webkit-animation: circle 3s linear infinite;
  animation: circle 3s linear infinite;
}
.circle2 {
  -webkit-animation: circle 3s linear 0.8s infinite;
  animation: circle 3s linear 0.8s infinite;
}
.circle3 {
  -webkit-animation: circle 3s linear 1.6s infinite;
  animation: circle 3s linear 1.6s infinite;
}
@-webkit-keyframes circle {
  /* Safari and Chrome */
  from {
    opacity: 1;
    -webkit-transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
.circle1, .circle2, .circle3, .centerdian {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -4px;
  width: .17rem;
  height: .17rem;
  border-radius: 100%;
  background-color: #000;
}
.centerdian {
  position: absolute;
  left: 50%;
  top: 50%;
  width: .17rem;
  height: .17rem;
  border-radius: 100%;
  background: #000;
  text-align: center;
  line-height: .17rem;
  color: #000;
}
.ditu {
  position: relative;
  background: url("../images/ditu.jpg") no-repeat center .59rem;
  background-size: contain;
  height: 3.8rem;
}
.tipso_content {
  font-size: .24rem;
  text-align: center;
  border-radius: 0 !important;
}
.kehu {
  display: flex;
  justify-content: center;
}
.khwz {
  line-height: .42rem;
  font-size: .26rem;
  display: flex;
  align-items: center;
  margin: 0 .38rem;
}
.khwz span {
  width: .1rem;
  height: .09rem;
  background: #bf1113;
  margin-right: .11rem;
  border-radius: 100%;
}
.kehu .khwz:nth-child(2) span {
  background: #111111;
}
.foot {
  background: #bf1113;
  padding: .33rem 0 .18rem;
}
.footlogo {
  width: 25%;
  margin: 0 auto;
}
.footlogo img {
  max-width: 100%;
}
.footcon {
  display: flex;
  justify-content: center;
  margin-top: .28rem;
  margin-bottom: .23rem;
}
.footcode {
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 100%;
  margin: 0 .55rem;
}
.footcode a {
  color: #bf1113;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.05rem;
  font-size: .7rem;
}
.footcode:last-child a {
  font-size: .8rem;
}
.footcode:first-child {
  position: relative;
}
.code {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -1.8rem;
  left: -.3rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s;
}
.footcode:hover .code {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.7s;
}
.code img {
  width: 100%;
  display: block;
  border: 2px solid #fff;
}
.code::after {
  content: '';
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  left: .6rem;
  bottom: -.2rem;
}
.footel {
  line-height: .65rem;
  font-size: .28rem;
  color: #fff;
  display: flex;
  justify-content: start;
  padding-left: .95rem;
  
}
.footel span {
  font-size: .4rem;
  padding-right: .22rem;
}
.footel a {
  color: #fff;
}
.footel:first-child a {
  font-size: .36rem;
}
.footel:last-child span {
  font-size: .5rem;
  margin-left: -.05rem;
  padding-right: .18rem;
}
.footer {
  border-top: 1px solid #fff;
  background: #bf1113;
  padding: .19rem 0 .28rem;
  line-height: .37rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
}
.footer a {
  color: #fff;
}
.nybanner {
  height: 4rem;
}
.breadcrumb {
  padding: 0 .2rem;
}
.breadcrumb-item {
  line-height: .6rem;
  font-size: .24rem;
}
.breadcrumb-item span {
  color: #bf1113;
  font-size: .3rem;
  padding-right: .1rem;
}
.bread {
  border-bottom: 1px solid #cfcfcf;
}
.nytit {
  line-height: .66rem;
  font-size: .32rem;
  color: #bf1113;
  text-align: center;
  margin-top: .23rem;
}
.nyline {
  width: .6rem;
  margin: 0 auto;
  height: .03rem;
  background: #000;
}
.nymin .tubiaoshu span {
  font-weight: bold;
}
.nymin .dw {
  font-weight: normal !important;
}
.company {
  line-height: .5rem;
  font-size: .26rem;
  padding: 0 .2rem .2rem;
}
.company img {
  max-width: 100%;
}
.nynews {
  padding: .33rem 0;
  border-bottom: 1px solid #dedede;
}
.nynews a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nynews a img {
  width: 45%;
}
.nynewsr {
  width: 50%;
}
.nynewsdate {
  line-height: .29rem;
  font-size: .24rem;
}
.nynewstit {
  line-height: .4rem;
  height: .4rem;
  font-size: .28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nynewsdes {
  line-height: .35rem;
  font-size: .24rem;
  height: .7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.nynewsmore {
  width: 1.31rem;
  line-height: .3rem;
  font-size: .24rem;
  color: #666666;
  text-align: center;
  border: 1px solid #666666;
  margin-top: .05rem;
}
.nynewspad {
  padding: 0 .2rem;
}
.nynewsxqt {
  line-height: .5rem;
  font-size: .32rem;
  text-align: center;
  color: #bf1113;
  margin-top: .2rem;
}
.nynbt {
  border-bottom: 1px solid #cfcfcf;
  padding: 0 0 .1rem;
}
.nynewsxqd {
  line-height: .4rem;
  font-size: .24rem;
  color: #666666;
  text-align: center;
}
.nynexq {
  line-height: .5rem;
  font-size: .26rem;
  padding: .2rem;
}
.nynexq img {
  max-width: 100%;
}
.nyfenyet {
  border-top: 1px solid #cfcfcf;
  padding: .2rem;
}
.nyfenye {
  line-height: .45rem;
  font-size: .24rem;
}
.nyfenye a {
  display: block;
  height: .45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyfenye a span {
  color: #999999;
  padding-right: .15rem;
}
.nypro .promin a {
  display: block;
  -moz-box-shadow: 1px 1px 9px #999;
  -webkit-box-shadow: 1px 1px 9px #999;
  box-shadow: 1px 1px 9px #999;
}
#accordion {
  padding: 0;
  margin-top: .2rem;
}
.card {
  margin-top: .04rem;
}
.card-link {
  width: 100%;
  height: 100%;
  line-height: .67rem;
  font-size: .28rem;
  display: flex;
  color: #fff;
  padding: 0 .2rem;
  background: #bf1113;
  justify-content: space-between;
}
#accordion .card-link::after {
  content: "\e67a";
  font-size: .3rem;
  color: #fff;
}
#accordion .collapsed::after {
  content: "\e664";
  font-size: .3rem;
  color: #333;
}
#accordion .collapsed {
  background: #e3e2e2;
  color: #333;
}
.card-body {
  padding: .23rem .25rem;
  font-size: .26rem;
  line-height: .49rem;
  color: #333;
  background: #e3e2e2;
}
.card-link span {
  width: auto;
  text-align: center;
}
.message {
  margin-top: .2rem;
}
.formname span {
  color: #bf1113;
  padding-right: .1rem;
  width: .25rem;
}
.formname {
  line-height: .5rem;
  font-size: .26rem;
  width: auto;
  display: flex;
}
.formnameinput {
  width: 78%;
}
.formnameinput input {
  line-height: .5rem;
  font-size: .26rem;
  display: block;
  width: 100%;
  outline: none;
  border: 1px solid #c9c9c9;
}
#fm1 {
  padding: 0 .2rem;
}
.formnamemb {
  margin-top: .2rem;
}
.formtextarea {
  width: 78%;
}
.formtextarea textarea {
  line-height: .4rem;
  font-size: .26rem;
  display: block;
  width: 100%;
  outline: none;
  border: 1px solid #c9c9c9;
  padding: .05rem;
}
.formvcode {
  width: 40%;
}
.formvcode input {
  line-height: .5rem;
  font-size: .26rem;
  display: block;
  width: 100%;
  outline: none;
  border: 1px solid #c9c9c9;
}
.formvcodep {
  padding-left: .3rem;
}
.formvcodep img {
  max-width: 100%;
  display: block;
  height: .7rem;
}
.submit {
  width: 35%;
  margin: .4rem auto 0;
}
.submit button {
  line-height: .5rem;
  font-size: .26rem;
  color: #fff;
  border: 0;
  background: #bf1113;
  display: block;
  width: 100%;
}
#swiperpro {
  width: 100%;
  margin-top: .3rem;
  height: 3.2rem;
}
#swiperpro .swiper-slide {
  text-align: center;
  width: 50%;
  margin: 0 calc((50vw) * .023);
  opacity: .5;
  transform: scaleX(0.75) scaleY(0.75) scaleZ(1);
  transition: opacity 400ms ease 0s, transform 400ms ease 0s;
  -webkit-transform: scaleX(0.75) scaleY(0.75) scaleZ(1);
}
.inner figure {
  width: 100%;
  margin: 0;
  opacity: 1;
}
.inner figure img {
  width: 100%;
}
#swiperpro .swiper-slide-active {
  width: 50%;
  opacity: 1;
  transform: scaleX(1) scaleY(1) scaleZ(1);
  transition: opacity 400ms ease 0s, transform 400ms ease 0s;
  -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
}
#swiperpro .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  border-radius: 100%;
  background: #999999 !important;
}
#swiperpro .swiper-pagination-bullet-active {
  background: #333333 !important;
}
#swiperpro .swiper-pagination-bullets {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 555;
  text-align: center;
  line-height: .1rem;
}
#swiperpro .swiper-pagination-bullet::after {
  display: none;
}
#swiperpro .swiper-button-prevpic {
  left: 0;
}
#swiperpro .swiper-button-prevpic, .swiper-button-nextpic {
  font-size: .6rem;
  font-style: normal;
  position: absolute;
  top: 2.4rem;
  height: 100%;
  margin: auto;
  bottom: 0;
  line-height: 1;
  z-index: 10000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
}
#swiperpro .swiper-button-prevpic {font-size: .5rem;}
#swiperpro .swiper-button-nextpic {
  right: 0;
}
.nyprotxt {
  line-height: .52rem;
  font-size: .26rem;
  margin-top: .2rem;
  margin-bottom: .2rem;
  padding: 0 .2rem;
}
.nyprotxt img {
  max-width: 100%;
}
.jobem {
  color: #bf1113;
}
@media (min-width: 992px) {
	.erji {line-height: .6rem;
    font-size: .24rem;
    text-align: center;}
	.samanniu {line-height: .53rem;font-size: .16rem;display: flex;cursor: pointer;}
	.samanniu span {font-size: .25rem;}
	.nysammt {margin-top: 0!important;margin-bottom: 0!important;position: relative;}
	.nybgsam { position: absolute;top: .54rem;left: 0;z-index: 222;background: rgba(255,255,255,0.6);height: 3.55rem;padding: .2rem;display: none;}
	.rotate {transform:rotate(0deg);}
	.rotate1 {transform:rotate(180deg);}
	.nybgsam a {line-height: .45rem;
    font-size: .16rem;
    padding: 0 .1rem;
    border-right: 0;
	  text-align: center;}
  .nybgsam .active {
    background: #bf1113;
    color: #fff;
  }
  .nybgsam a::after {
    content: '';
    width: .01rem;
    height: .17rem;
    background: #cfcfcf;
    position: absolute;
    top: .15rem;
    right: 0;
  }
  .nybgsam .active::after {
    background: #bf1113;
  }
	
	
	#swiperny {height: auto;}
  .formvcodep img {
    height: auto;
  }
  .pcdata {
    font-size: .16rem;
  }
  /*内页最小高度*/
  .nymin {
    min-height: 7rem;
  }
  /*内页最小高度 end */
  /*视频*/
  .video {
    width: 80%;
    height: 6rem;
  }
  /*视频 end */
  /*动态地图 左地图右文字*/
  .dtadd {
    width: 60%;
    height: 400px;
  }
  /*动态地图 end */
  /*分页*/
  .fenye {
    font-size: .14rem;
    margin: .4rem auto;
  }
  .fenye a {
    line-height: .34rem;
  }
  /*分页 end */
  /*右侧浮动*/
  .floar {
    position: fixed;
    right: .06rem;
    z-index: 99999;
    top: 50%;
  }
  .qq {
    line-height: .22rem;
    text-align: center;
    font-size: .14rem;
  }
  .rightqq {
    width: .67rem;
    height: .67rem;
    border-radius: .1rem;
    background: #009bb4;
    padding: .05rem 0;
    margin-top: .01rem;
  }
  .rightico {
    line-height: .36rem;
    text-align: center;
    font-size: .3rem;
  }
  .rightqq a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
  }
  .rightqq:hover {
    background: #007487;
  }
  .back {
    cursor: pointer;
    color: #fff;
  }
  .floar .rightqq:nth-child(2) .rightico {
    font-weight: bold;
    line-height: .3rem;
    margin-top: .04rem;
  }
  .floar .rightqq:nth-child(3) .rightico {
    font-size: .35rem;
    line-height: .3rem;
    margin-top: .04rem;
  }
  .rightel {
    background: #007487;
    line-height: .67rem;
    font-size: .14rem;
    text-align: center;
    position: absolute;
    right: .67rem;
    top: .7rem;
    padding: 0 .35rem;
    border-radius: .1rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s;
  }
  .rightqq:hover .rightel {
    opacity: 1;
    visibility: visible;
    transition: all 0.8s;
  }
  /*右侧浮动 end */
  /*banner*/
  .swiper-container {
    height: 6.12rem;
  }
  .swiper-pagination {
    bottom: .28rem !important;
  }
  /*banner end */
  /*导航*/
  /*.navbar .navbar-brand {display: none;}*/
  .navbar-collapse {
    position: static;
    width: auto;
  }
  .navbar {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    z-index: 2;
  }
  .navbar-nav .active .nav-link {
    color: #bf1113;
	  border-bottom: 2px solid #bf1113;
  }
  .topr {
    right: 0;
    top: 0;
  }
  .topr img {
    max-width: 100%;
    float: left;
  }
  .navbar-brand {
    width: 40%;
    padding: .1rem .47rem .1rem 0;
  }
  .navbar-nav {
    width: 100%;
    height: auto;
    position: relative;
    background: none;
    padding-top: .38rem;
  }
  .navbar .collapsed {
    background: none;
  }
  .nav-link {
    font-size: .16rem;
    line-height: .58rem;
    color: #333;
  }
  .nav-item {
    border-bottom: 0;
    position: relative;
    height: .6rem;
  }
  .dropdown-menu {
    width: 150%;
    background: rgba(67, 77, 84, 0.9);
    left: -.3rem;
  }
  .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
  }
  .nav-item:nth-child(4) .dropdown-menu {left: -.265rem;}
  .nav-item:nth-child(5) .dropdown-menu {left: -.265rem;}
  .nav-item:nth-child(6) .dropdown-menu {left: -.265rem;}
  .dropdown-item {
    width: 100%;
    text-align: center;
    line-height: .47rem;
    font-size: .14rem;
    color: #fff;
    padding: 0 .15rem;
    border-bottom: 1px solid #9e9a98;
  }
  .dropdown-item:hover {
    background: #a91d1f;
  }
  .nav-item:hover .nav-link {
    border-bottom: 2px solid #bf1113;
    color: #bf1113;
  }
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
  /*导航 end */
  .language {
    right: 0;
    z-index: 9999;
    padding-top: .14rem;
    margin-right: .4rem;
  }
  .language a img {
    max-width: 100%;
    display: block;
    margin: 0 .07rem;
  }
  .head1 {
    background: url("../images/aboutbg.jpg") no-repeat center center;
    background-size: cover;
    padding: .5rem 0 .56rem;
  }
  .abouten {
    line-height: .32rem;
    font-size: .24rem;
  }
  .aboutch {
    line-height: .36rem;
    font-size: .24rem;
  }
  .aboutdes {
    line-height: .36rem;
    font-size: .14rem;
  }
  .about {
    line-height: .3rem;
    font-size: .16rem;
    margin-top: .17rem;
    max-height: .6rem;
    -webkit-line-clamp: 2;
    padding: 0 .74rem;
    color: #000;
  }
  .number {
    margin-top: .27rem;
  }
  .numb {
    height: .71rem;
  }
  .tubiaoshu span {
    line-height: .43rem;
    font-size: .3rem;
  }
  .dw {
    line-height: .3rem !important;
    font-size: .14rem !important;
    padding-left: .09rem;
  }
  .tubiaozi {
    line-height: .28rem;
    font-size: .14rem;
  }
  .aboutpicl {
    width: 59.2%;
    margin-top: .36rem;
    padding: 0;
  }
  .aboutpicr {
    width: 40%;
    margin-top: .36rem;
    padding: 0;
  }
  .aboutpicr img {
    max-width: 100%;
  }
  .head2 {
    padding: .31rem 0 .34rem;
    position: relative;
  }
  .newpcl {
    width: 100%;
    height: .02rem;
    background: #474747;
    position: absolute;
    left: 0;
    top: 2.98rem;
  }
  .newslist {
    margin-top: .16rem;
  }
  .news {
    margin-top: 0;
    height: 3.88rem;
    overflow: hidden;
  }
  .newstime {
    line-height: .55rem;
    font-size: .2rem;
    color: #333333;
    transition: color 1s;
  }
  .newsdh {
    padding: 0 0 .39rem;
  }
  .newsxian {
    width: .23rem;
    height: .02rem;
    margin: .01rem auto 0;
    background: #bf1113;
  }
  .newstit {
    line-height: .67rem;
    height: .67rem;
    font-size: .16rem;
    padding: 0 .3rem;
    color: #333333;
    transition: color 1s;
	  text-align: center;
  }
  .newsde {
    line-height: .25rem;
    font-size: .14rem;
    margin-top: .07rem;
    padding: 0 .3rem;
    height: .75rem;
    -webkit-line-clamp: 3;
    color: #333333;
    transition: color 1s;
  }
  .newspic {
    height: .8rem;
    overflow: hidden;
    opacity: 0;
    transition: all 1s;
  }
  .newsdh {
    background: none;
    transition: background 1s;
  }
  .newsline {
    width: .23rem;
    height: .02rem;
    background: #bf1113;
    margin: 0 auto;
    opacity: 0;
  }
  .news:hover .newspic {
    height: 1.38rem;
    overflow: hidden;
    opacity: 1;
    transition: 1s;
  }
  .news:hover .newsdh {
    background: #bf1113;
    transition: background 1s;
  }
  .news:hover .newsde {
    color: #fff;
    transition: color 1s;
  }
  .news:hover .newstit {
    color: #fff;
    transition: color 1s;
  }
  .news:hover .newsxian {
    background: #fff;
  }
  .news:hover .newstime {
    color: #fff;
    transition: color 1s;
  }
  .news:hover .newsline {
    opacity: 1;
    transition: 1s;
  }
  .news:hover .yjt {
    display: none;
  }
  .yjt {
    text-align: center;
    color: #bf1113;
    font-size: .45rem;
    line-height: .69rem;
    display: block;
  }
  .aoutmore {
    width: 1.08rem;
    margin: .35rem auto 0;
    line-height: .29rem;
    font-size: .14rem;
  }
  .tab {
    position: relative;
    overflow: hidden;
    margin-top: .12rem;
  }
  .tab-nav {
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  .tab-nav a {
    width: auto;
    line-height: .35rem;
    font-size: .16rem;
    text-align: center;
    background: #474747;
    margin: 0 .05rem;
    padding: 0 .12rem;
    color: #fff;
  }
  .tab-nav a.current {
    background: #bf1113;
  }
  .tab-con {
    position: relative;
    overflow: hidden;
    /* margin-top: .23rem;*/
  }
  .tab-con-item {
    display: none;
  }
  #swiper2 {
    height: auto;
    width: 100%;
    padding: .1rem;
  }
  .tab-con-item .swiper-button-next, .tab-con-item .swiper-button-prev {
    top: 40% !important;
  }
  .protit {
    line-height: .41rem;
    font-size: .16rem;
    text-align: center;
  }
  .prodes {
    line-height: .24rem;
    height: .48rem;
    font-size: .14rem;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  #swiper2 img {
    max-width: 100%;
    display: block;
  }
  .bgpro {
    background: #d8d8d8;
    padding: .05rem .19rem .12rem;
  }
  .tab-con-item .swiper-button-next {
    position: absolute;
    right: 0 !important;
    color: #474747;
    outline: none;
  }
  .tab-con-item .swiper-button-prev {
    position: absolute;
    left: 0 !important;
    color: #474747;
    outline: none;
  }
  .tab-con-item .swiper-button-next:after, .swiper-button-prev:after {
    font-size: .3rem !important;
  }
  #swiper2 .swiper-slide:hover .protit {
    color: #bf1113;
  }
  #swiper2 .swiper-slide:hover {
    -moz-box-shadow: 1px 1px 11px #999;
    -webkit-box-shadow: 1px 1px 11px #999;
    box-shadow: 1px 1px 11px #999;
    transition: box-shadow 0.5s;
  }
  .head3 {
    background: #eeeeee;
    padding: .34rem 0 .32rem;
  }
  .head4 {
    padding: .35rem 0 .39rem;
  }
  .ditu {
    width: 7rem;
    height: 4.19rem;
    background: url("../images/ditu.jpg") no-repeat center center;
    margin-top: 0;
    position: relative;
  }
  .kehu {
    position: relative;
    left: 0;
    top: 3.7rem;
    display: block;
  }
  .khwz {
    line-height: .3rem;
    font-size: .14rem;
    display: flex;
    align-items: center;
    margin: 0;
  }
  .circle {
    width: .21rem;
    height: .21rem;
    top: 1.58rem;
    left: 5.9rem;
  }
  .circle1, .circle2, .circle3, .centerdian {
    width: .21rem;
    height: .21rem;
    margin: -10px 0 0 -10px;
  }
  .centerdian {
    width: .21rem;
    height: .21rem;
  }
  .tipso_content {
    font-size: .14rem;
    text-align: center;
  }
  .hzhb {
    width: 2.5rem;
  }
  #swiper3 {
    height: 3.95rem;
    border: 1px solid #9b9b9b;
    padding: .1rem;
    background-position: .1rem .1rem;
  }
  #swiper3 img {
    max-width: 100%;
    display: block;
  }
  #swiper3 .swiper-slide {
    height: .72rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0 !important;
  }
  .hztit {
    line-height: .58rem;
    font-size: .18rem;
    text-align: center;
  }
  .hzbg {
    position: absolute;
    left: .1rem;
    top: .1rem;
  }
  .hzbg img {
    max-width: 100%;
  }
  #swiper3 .swiper-pagination {
    bottom: .11rem !important;
  }
  #swiper3 .swiper-pagination-bullet {
    width: .08rem !important;
    height: .08rem !important;
    margin: 0 .08rem !important;
  }
  #swiper3 .swiper-pagination-bullet::after {
    display: none;
  }
  .khwz span {
    width: .09rem;
    height: .09rem;
  }
  .footel {
    padding-left: 0;
    line-height: .37rem;
    font-size: .14rem;
  }
  .footel span {
    font-size: .2rem;
    padding-right: .08rem;
  }
  .footel:first-child a {
    font-size: .2rem;
  }
  .footel:last-child span {
    font-size: .28rem;
    margin-left: -.04rem;
    padding-right: .01rem;
  }
  .footlogo {
    text-align: center;
  }
  .footcon {
    display: block;
    margin-top: .19rem;
    padding-left: 2rem;
  }
  .footcode span {
    width: .27rem;
    height: .27rem;
    background: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .1rem;
  }
  .footcon .footcode:nth-child(2) span {
    padding-left: .03rem;
  }
  .footcode {
    width: auto;
    background: none;
    line-height: .37rem;
    font-size: .14rem;
    display: flex;
    justify-content: flex-start;
    color: #fff;
    align-items: center;
    height: .37rem;
    cursor: pointer;
    margin: 0 0 0 auto;
  }
  .footcode a p {
    color: #fff;
    line-height: .37rem;
    font-size: .14rem;
  }
  .footcode:last-child a {
    font-size: .3rem;
  }
  /*	.footcode:first-child a {
		width: .27rem;
    height: .27rem;
		background: #fff;
		border-radius: 100%;
		margin-right: .1rem;
	}*/
  .footcode a {
    line-height: .27rem;
    font-size: .2rem;
  }
  .code {
    width: 1rem;
    height: 1rem;
    top: -.33rem;
    left: -1.2rem;
  }
  .code::after {
    border-left: 10px solid #fff;
    border-bottom: .1rem solid transparent;
    border-top: .1rem solid transparent;
    left: 1rem;
    bottom: .4rem;
  }
  .foot {
    padding: .3rem 0;
  }
  .mtfoot {
    margin-top: .05rem;
  }
  .footer {
    background: #474747;
    line-height: .39rem;
    font-size: .12rem;
    padding: 0;
  }
  .newsico {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.1rem;
    font-size: .6rem;
    color: #bf1113;
    width: 100%;
    text-align: center;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.7s;
  }
  .news:hover .newsico {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.7s;
  }
  .nybanner {
    height: 4.98rem;
  }
  .breadcrumb {
    padding: 0;
    margin-top: .15rem;
  }
  .breadcrumb a {
    display: flex;
    align-items: center;
  }
  .breadcrumb-item {
    line-height: .27rem;
    font-size: .14rem;
    display: flex;
  }
  .breadcrumb-item span {
    color: #bf1113;
    font-size: .23rem;
    padding-right: .05rem;
  }
  .sam {
    border-bottom: 1px solid #cfcfcf;
  }
  .samleft {
    line-height: .53rem;
    font-size: .2rem;
    color: #bf1113;
  }
  .samright {
    display: flex;
    margin-top: .17rem;
    margin-bottom: .19rem;
	 justify-content: flex-end;
	  text-align: center;
	  width: 70%;
  }
  .samright a {
    width: auto;
    line-height: .17rem;
    font-size: .16rem;
    border-right: 1px solid #cfcfcf;
    padding: 0 .2rem;
  }
  .samright a:last-child {
    border-right: 0;
  }
  .samright .active {
    color: #bf1113;
  }
  .nytit {
    line-height: .56rem;
    font-size: .26rem;
    color: #bf1113;
    text-align: center;
  }
  .nytit {
    line-height: .56rem;
    font-size: .26rem;
    color: #bf1113;
    text-align: center;
    margin-top: .23rem;
  }
  .nymin .tubiaoshu span {
    font-size: .36rem;
    font-weight: bold;
  }
  .nymin .tubiaozi {
    font-size: .16rem;
  }
  .company {
    padding: .2rem .12rem;
    line-height: .4rem;
    font-size: .16rem;
  }
  .bread {
    border-bottom: 0;
  }
  .nynews:hover .nynewstit {
    color: #bf1113;
  }
  .nynews:hover .nynewsmore {
    color: #fff;
    background: #bf1113;
    border: 1px solid #bf1113;
  }
  .nynews {
    padding: .33rem 0;
  }
  .nynews a img {
    width: 40%;
  }
  .nynewsr {
    width: 55%;
  }
  .nynewsdate {
    line-height: .19rem;
    font-size: .14rem;
  }
  .nynewstit {
    line-height: .5rem;
    height: .5rem;
    font-size: .18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nynewsdes {
    line-height: .3rem;
    font-size: .16rem;
    margin-top: .11rem;
    height: .6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .nynewsmore {
    width: 1.31rem;
    line-height: .27rem;
    font-size: .14rem;
    color: #666666;
    text-align: center;
    border: 1px solid #666666;
    margin-top: .55rem;
  }
  .nynexq {
    padding: .2rem .12rem;
    line-height: .4rem;
    font-size: .16rem;
  }
  .nynbt {
    display: flex;
    justify-content: center;
  }
  .nynewsxqt {
    line-height: .5rem;
    font-size: .2rem;
  }
  .nynewsxqd {
    line-height: .4rem;
    font-size: .16rem;
    padding: 0 .15rem;
  }
  .nyfenyet {
    padding: .1rem 0;
  }
  .nyfenye {
    line-height: .34rem;
    font-size: .14rem;
  }
  .nyfenye a {
    height: .34rem;
  }
  .nyprob {
    border-bottom: 0;
    margin-top: .39rem;
    justify-content: center;
    margin-bottom: 0;
  }
  .nyprob a {
    line-height: .45rem;
    font-size: .14rem;
    padding: 0 .1rem;
    border-right: 0;
    position: relative;
	  text-align: center;
  }
  .nyprob .active {
    background: #bf1113;
    color: #fff;
  }
  .nyprob a::after {
    content: '';
    width: .01rem;
    height: .17rem;
    background: #cfcfcf;
    position: absolute;
    top: .15rem;
    right: 0;
  }
  .nyprob .active::after {
    background: #bf1113;
  }
  .nypro .promin {
    padding: 0 .14rem;
    margin-top: .3rem;
  }
  .nypro .bgpromin {
    padding: .08rem .31rem;
  }
  .nypro .promintit {
    line-height: .56rem;
    height: .56rem;
    font-size: .22rem;
  }
  .nypro .promindes {
    line-height: .34rem;
    font-size: .19rem;
    height: .68rem;
  }
  .nypro .promin:hover .promintit {
    color: #bf1113;
  }
  .nypro .promin:hover .promindes {
    color: #333;
  }
  .nyprob a:last-child::after {
    display: none;
  }
  .card-link {
    line-height: .45rem;
    font-size: .16rem;
    padding: 0 .3rem;
  }
  #accordion .collapsed::after {
    font-size: .2rem;
  }
  #accordion .card-link::after {
    font-size: .2rem;
  }
  .card-body {
    padding: .22rem .3rem;
    line-height: .31rem;
    font-size: .16rem;
  }
  .formname {
    line-height: .4rem;
    font-size: .18rem;
  }
  .formnameinput input {
    line-height: .4rem;
    font-size: .18rem;
  }
  .formnameinput {
    width: 84%;
  }
  .formname span {
    width: .15rem;
  }
  .formtextarea textarea {
    line-height: .25rem;
    font-size: .18rem;
    padding: .07rem .03rem;
  }
  .formtextarea {
    width: 86%;
  }
  .formvcode input {
    line-height: .4rem;
    font-size: .18rem;
  }
  .formvcode {
    width: 30%;
  }
  .submit {
    width: 20%;
  }
  .submit button {
    line-height: .4rem;
    font-size: .18rem;
  }
  #swiperpro .swiper-slide {
    margin: 0 calc((66.66vw) * .023);
    width: 33.33%;
  }
  #swiperpro {
    height: 2.9rem;
  }
  #swiperpro .swiper-pagination-bullet {
    margin: 0 .1rem !important;
  }
  .nyprotxt {
    line-height: .42rem;
    font-size: .16rem;
    padding: 0;
  }
}
@media (min-width: 1200px) {
	 .navbar-brand {
		 width: auto;}
	 .nyprob a {
    line-height: .45rem;
    font-size: .16rem;
    padding: 0 .15rem;
    border-right: 0;
    position: relative;
  }
  .aboutpicl {
    width: 60%;
  }
  .aboutpicr {
    width: 40%;
  }
  .news:hover .newspic {
    height: 1.68rem;
  }
  .news {
    height: 4.18rem;
  }
  .newpcl {
    top: 3.28rem;
  }
  .newspic {
    height: 1.1rem;
  }
  #swiper2 {
    height: auto;
    width: 11.3rem;
    padding: .1rem;
  }
  .tab-nav a {
    margin: 0 .12rem;
    padding: 0 .18rem;
  }
  .ditu {
    width: 9.09rem;
    height: 4.19rem;
    margin-top: .33rem;
  }
  .circle {
    width: .21rem;
    height: .21rem;
    top: 1.55rem;
    left: 6.9rem;
  }
  .footer {
    font-size: .14rem;
  }
  .nynews a img {
    width: 5rem;
  }
  .nynewsr {
    width: 6.4rem;
  }
  .nynewstit {
    line-height: .89rem;
    height: .89rem;
    font-size: .18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nynewsmore {
    width: 1.31rem;
    line-height: .27rem;
    font-size: .14rem;
    color: #666666;
    text-align: center;
    border: 1px solid #666666;
    margin-top: .75rem;
  }
  .formnameinput {
    width: 86%;
  }
  #swiperpro {
    height: 3.4rem;
  }
}